<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>issueProduction</title>
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/issueProduction.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_403219_auoiajr573lhm2t9.css">
</head>
<body>
    <section>
        <!--作品上传-图片-->
        <div class="production_image">
            <p class="production_image_title">
                <span class="tipName">作品上传</span>
                <i class="tipName_necessaryLogo"></i>
                <span class="tipName_note">可拖拽上传，展开可调整顺序</span>
                <a href="#zk" class="closeBtn ">展开</a>
                <a href="#sq" class="closeBtn active">收起</a>
            </p>
            <div id="zk" class="production_image_upload_zk active">
                <ul class="zk_production_image_list"  id="productionImage_list">
                    <!--<li class="productionImage_first">-->
                        <!--<img class='productionImage' src="static/img/notice_img3.png" alt="">-->
                        <!--<p class="productionImage_title active">封面图片</p>-->
                        <!--<i class="icon iconfont icon-guanbiicon IMGicon"></i>-->
                    <!--</li>-->
                    <!--<li class="productionImage_first">-->
                        <!--<img class='productionImage' src="static/img/notice_img3.png" alt="">-->
                        <!--<p class="productionImage_title">封面图片</p>-->
                    <!--</li>-->
                    <li class="upload_btn">
                        <i></i>
                        <input type="file" id="img_upload_btn" multiple>
                    </li>
                </ul>
            </div>
            <!--<div id='sq' class="production_image_upload">-->
                <!--<img toMove='left' class="imageTomove imageToleft" src="static/img/20171127105548.png" alt="">-->
                <!--<img toMove='right' class="imageTomove imageToright" src="static/img/20171127105548.png" alt="">-->
                <!--<div class="productionImage_box">-->
                    <!--<ul class="productionImage_list">-->
                        <!--&lt;!&ndash;<li class="upload_btn">&ndash;&gt;-->
                            <!--&lt;!&ndash;<i></i>&ndash;&gt;-->
                            <!--&lt;!&ndash;<input type="file">&ndash;&gt;-->
                        <!--&lt;!&ndash;</li>&ndash;&gt;-->
                        <!--&lt;!&ndash;<li class="productionImage_first">&ndash;&gt;-->
                            <!--&lt;!&ndash;<img class='productionImage' src="static/img/notice_img3.png" alt="">&ndash;&gt;-->
                            <!--&lt;!&ndash;<p class="productionImage_title active">封面图片</p>&ndash;&gt;-->
                        <!--&lt;!&ndash;</li>&ndash;&gt;-->
                        <!--&lt;!&ndash;<li class="productionImage_first">&ndash;&gt;-->
                            <!--&lt;!&ndash;<img class='productionImage' src="static/img/notice_img3.png" alt="">&ndash;&gt;-->
                            <!--&lt;!&ndash;<p class="productionImage_title active">封面图片</p>&ndash;&gt;-->
                        <!--&lt;!&ndash;</li>&ndash;&gt;-->
                        <!--&lt;!&ndash;<li><img class='productionImage' src="static/img/notice_img3.png" alt=""></li>&ndash;&gt;-->
                        <!--&lt;!&ndash;<li><img class='productionImage' src="static/img/notice_img3.png" alt=""></li>&ndash;&gt;-->
                        <!--&lt;!&ndash;<li><img class='productionImage' src="static/img/notice_img3.png" alt=""></li>&ndash;&gt;-->
                        <!--&lt;!&ndash;<li><img class='productionImage' src="static/img/notice_img3.png" alt=""></li>&ndash;&gt;-->
                        <!--&lt;!&ndash;<li><img class='productionImage' src="static/img/notice_img3.png" alt=""></li>&ndash;&gt;-->
                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->

        </div>
        <!--作品的一些信息-->
        <div class="production_data">
            <ul class="production_dataList">
                <li>
                    <span class="tipName dataList_tipName dataList_tipName_verLIN_middle">作品标题</span>
                    <input class='inputStyle' type="text" placeholder="选填、未填默认标题为无题">
                </li>
                <li>
                    <span class="tipName dataList_tipName dataList_tipName_verLIN_middle">版权信息</span>
                    <div id='copyright_select_box' class="select_box ">
                        <span class="select_text"> <span>全部分类</span> <i></i></span>
                        <ul class="select_hidden">
                            <li>妈的智障01</li>
                            <li>妈的智障02</li>
                            <li>妈的智障03</li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span class="tipName dataList_tipName dataList_tipName_verLIN_top">作品简介</span>
                    <textarea class='inputStyle textareaStyle'></textarea>
                </li>
                <li>
                    <span class="tipName dataList_tipName dataList_tipName_verLIN_top">作品标签</span>
                    <div class="dataList_productTipBox">
                        <ul class="dataList_productTipList">
                            <li class="dataList_productTip">
                                <span class="dataList_productTipName">妈的智障</span>
                                <i class="dataList_productTipLogo"></i>
                            </li>
                            <li class="dataList_productTip dataList_addProductTip">
                                <span class="dataList_productTipName">妈的智障</span>
                            </li>
                            <li class="addShow_Input addTip_showinput">
                                <input type="text" class="addbtn_INPUT">
                                <span class="addbtn addbtn_ISOK">确认</span>
                                <span class="addbtn addbtn_CANCEL">取消</span>
                            </li>
                        </ul>
                        <p class="hotTip">热门标签</p>
                        <ul id='hotTip_dataList_productTipList' class="dataList_productTipList">
                            <li class="dataList_productTip dataList_hotProductTip">
                                <span class="dataList_productTipName">妈的智障</span>
                            </li>
                            <li class="dataList_productTip dataList_hotProductTip">
                                <span class="dataList_productTipName">妈的智障</span>
                            </li>
                            <li class="dataList_productTip dataList_hotProductTip">
                                <span class="dataList_productTipName">妈的智障</span>
                            </li>
                            <li class="dataList_productTip dataList_hotProductTip">
                                <span class="dataList_productTipName">妈的智障</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span class="tipName dataList_tipName dataList_tipName_verLIN_middle">打赏设置</span>
                    <ul class="dataList_setUpPayList">
                        <li>
                            <i class="setUpPay openPay"></i>
                            <span class="setUpPay_text">妈的智障</span>
                        </li>
                        <li>
                            <i class="setUpPay closePay"></i>
                            <span class="setUpPay_text">妈的智障</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--更多设置分类啥的-->
        <div class="production_other">
            <p class="production_other_tipName">
                <span class="tipName">更多设置</span>
                <span class="production_other_remark">可自定义添加合作成员、完成时间、使用工具等哦~~o(≧皿≦)o~~</span>
            </p>
            <div class="production_classify">
                <span class="tipName dataList_tipName dataList_tipName_verLIN_middle">作品分类</span>
                <div class="select_box">
                    <span class="select_text"><span>全部分类</span> <i></i></span>
                    <ul class="select_hidden">
                        <li>妈的智障01</li>
                        <li>妈的智障02</li>
                        <li>妈的智障03</li>
                    </ul>
                </div>
                <div class="addClassify active">
                    <span class="addClassifyText  dataList_addProductTip dataList_productTipName">妈的智障</span>
                </div>
                <div class="addShow_Input ">
                    <input type="text" class="addbtn_INPUT">
                    <span class="addbtn addbtn_ISOK">确认</span>
                    <span class="addbtn addbtn_CANCEL">取消</span>
                </div>
            </div>
            <div class="production_addClassify">
                <span class="tipName dataList_tipName dataList_tipName_verLIN_top">自定义</span>
                <div class="addClassify_logo_box">
                    <i class="addClassify_logo"></i>
                    <span class="production_other_remark">点击添加自定义名称（不超过6个字）和内容</span>
                </div>
                <ul class="addClassify_input_list">
                    <li>
                        <input class="addClassify_input addClassify_inputName" type="text" value="使用工具">
                        <input class="addClassify_input addClassify_inputMain" type="text" value="Photoshop">
                        <i></i>
                    </li>
                    <li>
                        <input class="addClassify_input addClassify_inputName" type="text" value="完成时间">
                        <input class="addClassify_input addClassify_inputMain" type="text" value="2016-11">
                        <i></i>
                    </li>
                </ul>
            </div>
        </div>
        <!--发布的按钮-->
        <div class="issue_btn">
            发布
        </div>
    </section>

<script type="text/javascript" src='assets/libs/jquery.js'></script>
<!--<script type="text/javascript" src='static/js/issueProduction2.js'></script>-->
<script type="text/javascript" src='static/js/issueProduction.js'></script>
</body>
</html>